<template>
  <h1>{{ title }}</h1>
</template>

<script>
export default {
  _title_: '组件示例',
  _tip_: '这是一个示例组件，方便新建组件是保持规范',
  // 组件定义的css变量名和其默认值。如果有引入其他组件，最后附加解构对应组件的_css_var_
  _css_var_: {
    '--font-size': '24px',
    // ...ChildCmt._css_var_,
  },
  _head_img_: '',
  _group_: '单元组件',
  components: {
    // ChildCmt,
  },
  props: {
    title: {
      type: String,
      required: true,
      default: '',
      _label_: '标题',
      _tip_: '这是一个标题参数',
      // 参数编辑类型
      _input_type_: 'file_imgs',
      // 参数编辑时的默认值
      _default_: "get($info,'title')",
    },
  }
}

</script>

<style scoped>
h1{font-size: var(--font-size, 24px);}
</style>